<!DOCTYPE HTML>
<html>
	<head>
	<meta charset="utf-8">
		<title>protfolio</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
		</script>
	    <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
	    <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
	    <link href="css/animate.css" rel="stylesheet" type="text/css" />
	    <script type="text/javascript" src="js/active.js"></script>
	    <script type="text/javascript" src="js/jquery.min.js"></script>
	</head>
	<body>
		<!---start-wrap---->
			<!--start-header---->
			<div class="header port-header"> 
				<div class="wrap">
				<!--start-top-nav---->
				<div class="top-header animated bounceInDown">
					<!---start-logo---->
					<div class="logo">
						<a href="index.html"><img src="images/logo.png" title="Webworld" /></a>
					</div>
					<!---End-logo---->
					<!---start-top-nav---->
					<div class="top-nav" id="navigation">
						<ul>
							<li>
								<li><a href="index.html">Home</a></li>
								<li><a href="protfolio.html">Porfolio</a></li>
								<li><a href="contact.html">Contact</a></li>
								<div class="clear"> </div>
							</li>
						</ul>
					</div>
					<div class="clear"> </div>
					<!---//End-top-nav---->
				</div>
				<!--End-top-nav---->
			</div>
			<!--//End-header---->
		</div>
		<!---strat-content---->
		<div class="content">
			<div class="wrap">
				<!---start-portfolio---->
				<div class="portfolio">
					<div class="left-sidebar">
						<div class="side-head">
							<a href="#"><img src="images/side-logo.png" alt="" /></a>
						</div>
						<div class="side-search-box">
							<div class="side-heading">
								<label> </label><span> SEARCH</span><label> </label>
								<div class="clear"> </div>
							</div>
							<div class="side-search-box">
								<form>
									<input type="text" value="Search.." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search..';}">
								</form>
							</div>
						</div>
						<div class="side-twiit-box">
							<div class="side-heading">
								<label> </label><span>Tweet</span><label> </label>
								<div class="clear"> </div>
							</div>
							<div class="recent-tweet recent-tweet-box">
								<div class="recent-tweet-icon recent-tweet-icon1">
									<span> </span>
								</div>
								<div class="recent-tweet-info recent-tweet-info-box">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod <a href="#"> 4 days ago</a></p>
								</div>
								<div class="clear"> </div>
							</div>
							<div class="recent-tweet recent-tweet-box">
								<div class="recent-tweet-icon recent-tweet-icon1">
									<span> </span>
								</div>
								<div class="recent-tweet-info recent-tweet-info-box">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do<a href="#"> 4 days ago</a></p>
								</div>
								<div class="clear"> </div>
							</div>
							<div class="recent-tweet recent-tweet-box">
								<div class="recent-tweet-icon recent-tweet-icon1">
									<span> </span>
								</div>
								<div class="recent-tweet-info recent-tweet-info-box">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod <a href="#"> 4 days ago</a></p>
								</div>
								<div class="clear"> </div>
							</div>
						</div>
						<!----recent-posts---->
						<div class="recent-posts">
							<div class="side-heading side-heading1">
								<label> </label><span>Recent posts</span><label> </label>
								<div class="clear"> </div>
							</div>
							<div class="recent-post-list">
								<ul>
									<li><a href="#">Ds which don't look even slightly </a></li>
									<li><a href="#">If you are going to use a passage</a></li>
									<li><a href="#">look even slightly believable.</a></li>
								</ul>
							</div>
						</div>
						<!----//recent-posts---->
						<!-----start-blog-tags--->
						<div class="btags">
							<div class="side-heading side-heading1">
								<label> </label><span>Blog Tags</span><label> </label>
								<div class="clear"> </div>
							</div>
							<div class="btags-list">
								<ul>
									<li><a href="#">Design</a></li>
									<li><a href="#">Development</a></li>
									<li><a href="#">Envato</a></li>
									<li><a href="#">Themeforest</a></li>
									<li><a href="#">Themes</a></li>
									<li><a href="#">Uncategorized</a></li>
									<li><a href="#">Wordpress</a></li>
									<div class="clear"> </div>
								</ul>
							</div>
						</div>
						<!-----End-blog-tags--->
					</div>
					<div class="right-protfolio-grids">
						<div class="right-protfolio-grid">
							<div class="view-head">
									<h3><a href="#">LOREM IPSUM</a></h3>
									<span>Wordpress</span>
								</div>
							<div class="view view-first">
			                    <img src="images/port-pic1.jpg" alt=" " />
			                    <div class="mask">
			                    	 <h2>Wordpress</h2>
			                       <div class="copy-right-right caption-social">
										<ul>
											<li><a class="twitter" href="#"><span> </span></a></li>
											<li><a class="facebook" href="#"><span> </span></a></li>
											<li><a class="linkedin" href="#"><span> </span></a></li>
										</ul>
									</div>
			                    </div>
			                </div>  
						</div>
						<div class="right-protfolio-grid">
							<div class="view-head">
									<h3><a href="#">Established</a></h3>
									<span>Majemto</span>
								</div>
							<div class="view view-first">
			                    <img src="images/port-pic2.jpg" alt=" " />
			                    <div class="mask">
			                    	 <h2>Wordpress</h2>
			                       <div class="copy-right-right caption-social">
										<ul>
											<li><a class="twitter" href="#"><span> </span></a></li>
											<li><a class="facebook" href="#"><span> </span></a></li>
											<li><a class="linkedin" href="#"><span> </span></a></li>
										</ul>
									</div>
			                    </div>
			                </div>  
						</div>
						<div class="right-protfolio-grid last-pro-grid">
							<div class="view-head">
									<h3><a href="#">Randomised</a></h3>
									<span>Drupal</span>
								</div>
							<div class="view view-first">
			                    <img src="images/port-pic3.jpg" alt=" " />
			                    <div class="mask">
			                    	 <h2>Wordpress</h2>
			                       <div class="copy-right-right caption-social">
										<ul>
											<li><a class="twitter" href="#"><span> </span></a></li>
											<li><a class="facebook" href="#"><span> </span></a></li>
											<li><a class="linkedin" href="#"><span> </span></a></li>
										</ul>
									</div>
			                    </div>
			                </div>  
						</div>
						<!---->
						<div class="right-protfolio-grid">
							<div class="view-head">
									<h3><a href="#">Accompanied</a></h3>
									<span>Blog Designing</span>
								</div>
							<div class="view view-first">
			                    <img src="images/port-pic4.jpg" alt=" " />
			                    <div class="mask">
			                    	 <h2>Wordpress</h2>
			                       <div class="copy-right-right caption-social">
										<ul>
											<li><a class="twitter" href="#"><span> </span></a></li>
											<li><a class="facebook" href="#"><span> </span></a></li>
											<li><a class="linkedin" href="#"><span> </span></a></li>
										</ul>
									</div>
			                    </div>
			                </div>  
						</div>
						<div class="right-protfolio-grid">
							<div class="view-head">
									<h3><a href="#">Consectetur</a></h3>
									<span>Web designing</span>
								</div>
							<div class="view view-first">
			                    <img src="images/port-pic5.jpg" alt=" " />
			                    <div class="mask">
			                    	 <h2>Wordpress</h2>
			                       <div class="copy-right-right caption-social">
										<ul>
											<li><a class="twitter" href="#"><span> </span></a></li>
											<li><a class="facebook" href="#"><span> </span></a></li>
											<li><a class="linkedin" href="#"><span> </span></a></li>
										</ul>
									</div>
			                    </div>
			                </div>  
						</div>
						<div class="right-protfolio-grid last-pro-grid">
							<div class="view-head">
									<h3><a href="#">Embarraassing</a></h3>
									<span>Prient Design</span>
								</div>
							<div class="view view-first">
			                    <img src="images/port-pic6.jpg" alt=" " />
			                    <div class="mask">
			                    	 <h2>Wordpress</h2>
			                       <div class="copy-right-right caption-social">
										<ul>
											<li><a class="twitter" href="#"><span> </span></a></li>
											<li><a class="facebook" href="#"><span> </span></a></li>
											<li><a class="linkedin" href="#"><span> </span></a></li>
										</ul>
									</div>
			                    </div>
			                </div>  
						</div>
						<!---->
						<div class="right-protfolio-grid">
							<div class="view-head">
									<h3><a href="#">LOREM IPSUM</a></h3>
									<span>Web developing</span>
								</div>
							<div class="view view-first">
			                    <img src="images/port-pic7.jpg" alt=" " />
			                    <div class="mask">
			                    	 <h2>Wordpress</h2>
			                       <div class="copy-right-right caption-social">
										<ul>
											<li><a class="twitter" href="#"><span> </span></a></li>
											<li><a class="facebook" href="#"><span> </span></a></li>
											<li><a class="linkedin" href="#"><span> </span></a></li>
										</ul>
									</div>
			                    </div>
			                </div>  
						</div>
						<div class="right-protfolio-grid">
							<div class="view-head">
								<h3><a href="#">Resonable</a></h3>
									<span>CMS</span>
								</div>
							<div class="view view-first">
			                    <img src="images/port-pic8.jpg" alt=" " />
			                    <div class="mask">
			                    	 <h2>Wordpress</h2>
			                       <div class="copy-right-right caption-social">
										<ul>
											<li><a class="twitter" href="#"><span> </span></a></li>
											<li><a class="facebook" href="#"><span> </span></a></li>
											<li><a class="linkedin" href="#"><span> </span></a></li>
										</ul>
									</div>
			                    </div>
			                </div>  
						</div>
						<div class="right-protfolio-grid last-pro-grid">
							<div class="view-head">
									<h3><a href="#">Undoubtable</a></h3>
									<span>Joomla</span>
								</div>
							<div class="view view-first">
			                    <img src="images/port-pic9.jpg" alt=" " />
			                    <div class="mask">
			                    	 <h2>Wordpress</h2>
			                       <div class="copy-right-right caption-social">
										<ul>
											<li><a class="twitter" href="#"><span> </span></a></li>
											<li><a class="facebook" href="#"><span> </span></a></li>
											<li><a class="linkedin" href="#"><span> </span></a></li>
										</ul>
									</div>
			                    </div>
			                </div>  
						</div>
						<!---->
						<div class="clear"> </div>
					</div>
					<div class="clear"> </div>
					<!---End-portfolio---->
				</div>
			</div>
		</div>
		<!---End-content---->
		<!---strat-footer--->
		<div class="footer">
			<div class="wrap">
				<div class="footer-grid footer-grid1">
					<h4><a href="#"><img src="images/flogo.png" alt="" /></a></h4>
					<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage</p>
				</div>
				<div class="footer-grid footer-grid2">
					<h4>Contact</h4>
					<p>Randomised words which don't look even slightly believable. If you are going to use a passage</p>
					<ul>
						<li><span> </span> <label>New Delhi</label></li>
						<li><span> </span> <label>Info@yourwebsite.com</label></li>
						<li><span> </span> <label>890-09880-45590</label></li>
					</ul>
				</div>
				<div class="footer-grid footer-grid3">
					<h4>Latest Tweets</h4>
					<div class="recent-tweet">
						<div class="recent-tweet-icon">
							<span> </span>
						</div>
						<div class="recent-tweet-info">
							<p>Ds which don't look even slightly believable. If you are going to use a passage <a href="#"> 1 Hour Ago</a></p>
						</div>
						<div class="clear"> </div>
					</div>
					<div class="recent-tweet">
						<div class="recent-tweet-icon">
							<span> </span>
						</div>
						<div class="recent-tweet-info">
							<p>Ds which don't look even slightly believable. If you are going to use a passage <a href="#"> 1 Hour Ago</a></p>
						</div>
						<div class="clear"> </div>
					</div>
				</div>
				<div class="footer-grid footer-grid4">
					<h4>News Letter</h4>
					<p>Randomised words which don't look even slightly believable. If you are going to use a passage</p>
					<form>
						<input type="text" value="Email Address" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email Address';}">
						<input type="submit" value="Go" />
					</form>
				</div>
				<div class="clear"> </div>
			</div>
		</div>
		<!---End-footer--->
		<!---strat-copy-right---->
		<div class="copy-right">
			<div class="wrap">
				<div class="copy-right-left">
					<p>Copyright &copy; 2014.Company name All rights reserved.<a target="_blank" href="http://www.777moban.com/">777模板</a></p>
				</div>
				<div class="copy-right-right">
					<ul>
						<li><a class="twitter" href="#"><span> </span></a></li>
						<li><a class="facebook" href="#"><span> </span></a></li>
						<li><a class="linkedin"  href="#"><span> </span></a></li>
					</ul>
				</div>
				<div class="clear"> </div>
			</div>
			</div>
		</div>
		<!---End-copy-right---->
		<!---End-wrap---->

</body>
</html>

